<!DOCTYPE html>
	<html>
	<head>
		<title>{$site_seo_title} {$site_name}</title>
		<meta name="keywords" content="{$site_seo_keywords}" />
		<meta name="description" content="{$site_seo_description}">
		<tc_include file="Public:head" />
		<link href="__TMPL__Public/assets/css/slippry/slippry.css" rel="stylesheet">
		<style>
			.sy-pager{display:none;}
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
			}
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				.caption-wraper{left:0;bottom: 0.4em;}
				.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
	</head>
<body class="body-white">
<tc_include file="Public:nav" />

<php>
$home_slides=sp_getslide("portal_index");

$home_slides=empty($home_slides)?$default_home_slides:$home_slides;
</php>
<ul id="homeslider" class="unstyled">
	<foreach name="home_slides" item="vo">
	<li>
		<div class="caption-wraper" style="display:none;">
			<div class="caption">{$vo.slide_name}</div>
		</div>
		<a href="{$vo.slide_url}"><img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt=""></a>
	</li>
	</foreach>
</ul>
<div class="container">
	<div class="row">
		<div class="span4">
			 <a href="{:U('list/index',array('id'=>5))}" class="home_three"><img src="__TMPL__Public/assets/images/demo/fushi.jpg" alt=""></a>
		</div>
		<div class="span4">
			<a href="{:U('page/index',array('id'=>5))}"  class="home_three"><img src="__TMPL__Public/assets/images/demo/shenjianpu.jpg" alt=""></a>
		</div>
		<div class="span4">
			<a href="{:U('list/index',array('id'=>6))}"  class="home_three"><img src="__TMPL__Public/assets/images/demo/shipin.jpg" alt=""></a>
		</div>
	</div>

	<div class="row">
		<div class="span7">
			<div class="home_two">
				<h2>
					<a style="float:right;font-size: 12px;color:#888" href="{:U('list/index',array('id'=>4))}">more</a>
					<img src="__TMPL__Public/assets/images/demo/video.jpg" alt="">
				</h2>
				<div style="margin:auto;max-width:535px;">
				<video class="edui-upload-video  vjs-default-skin video-js" controls="" preload="__TMPL__Public/home.png" width="100%" height="300" src="__TMPL__Public/home.MP4" data-setup="{}">
					<source src="__TMPL__Public/home.MP4" type="video/MP4"/>
				</video>
				</div>
			</div>
		</div>
		<div class="span5">
			<div  class="home_two">
				<h2>
					<a style="float:right;font-size: 12px;color:#888" href="{:U('list/index',array('id'=>3))}">more</a>
					<img src="__TMPL__Public/assets/images/demo/news.jpg" alt="">
				</h2>
				<php>
					$lists = sp_sql_posts_paged("cid:3;order:post_date DESC;",10);
				</php>

				<ul>
					<volist name="lists['posts']" id="vo">
						<php>
							$smeta=json_decode($vo['smeta'], true);
						</php>
					<li><a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}">{$vo.post_title}</a></li>
						</volist>
				</ul>
			</div>
		</div>
	</div>

	

<tc_include file="Public:footer"/>
</div>

<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/assets/js/slippry.min.js"></script>
<script>
$(function() {
	var demo1 = $("#homeslider").slippry({
		transition: 'fade',
		useCSS: true,
		captions: false,
		speed: 1000,
		pause: 3000,
		auto: true,
		preload: 'visible'
	});
	$('.home_three').hover(function(){
		$(this).addClass('shake animated');

	},function () {
		$(this).removeClass('shake animated');
	})
//	if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS)/i))) {
//		$('.edui-upload-video').attr('width', '100%');
//	}
});

</script>
{:hook('footer_end')}
</body>
</html>
